<template>
  <div clas="xima">
    <header>
      <ol class="breadcrumb">
        <li>
          <router-link to="/foreign">合作</router-link>
        </li>
        <li>
          <router-link to="/research">调研交流</router-link>
        </li>
      </ol>
    </header>
    <div class="ximacontent">
      <div class="row">
        <div class="col-xs-12 col-md-8">
          <div class="researchContent">
            <div class="comm1">
              <img src="../assets/woshou.jpeg" alt="" />
              <p class="content-title">学术合作</p>
              <p>2019.11.28-2019.12.07</p>
              <P>签署中德合作协议</P>
              <P
                >在中国·三亚由中华医学会急诊学会,德国急诊学会举行的“中德急救医学峰会”中</P
              >
            </div>
            <div class="comm2">
              <img src="../assets/woshou.jpg" alt="" />
              <div>
                <p class="content-title">院际合作</p>
                <p>德国福尔达大学附属医院</p>
                <p>广东省中医院</p>
              </div>
            </div>
            <div class="comm3">
              <p class="comm-title">调研医院</p>
              <div>
                <img src="../assets/dy1.png" min-width="150" alt="" />
                <div>调研瑞丽市人民医院、景成医院</div>
              </div>
              <div>
                <img src="../assets/dy2.png" min-width="150" alt="" />
                <div>调研保山市人民医院</div>
              </div>
              <div>
                <img src="../assets/dy3.png" min-width="150" alt="" />
                <div>调研大理大学第一附属医院</div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-6 col-md-4">
          <div class="guide">
            <div class="guideTop">
              <ul>
                <li>
                  <router-link to="/foreign"><span>德国合作</span></router-link>
                </li>
                <hr class="simple" color="#6f5499" />
                <li>
                  <router-link to="/domestic">国内合作</router-link>
                </li>
                <hr class="simple" color="#6f5499" />
                <li>
                  <router-link to="/cooperate">合作伙伴</router-link>
                </li>
                <hr class="simple" color="#6f5499" />
                <li>
                  <router-link to="/research">调研交流</router-link>
                </li>
              </ul>
            </div>
            <hr
              style="filter: alpha(opacity=100,finishopacity=0,style=2)"
              width="80%"
              color="#6f5499"
              size="10"
            />
            <div class="guideTip">
              <p class="connect_h">联系我们</p>
              <div><span>电话：861068005755,861068006083</span></div>
              <div><span>Email: xmbj2005@163.com</span></div>
              <div><span>邮箱: 492800904@qq.com</span></div>
              <div>
                <span>地址: 北京市西城区西直门外大街18号金贸大厦A座935</span>
              </div>
              <p>
                <img src="../assets/code.jpg" alt="" />
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<style>
    .comm1,
    .comm2,
    .comm3 {
        text-align: center;
    }
    .researchContent {
        width: 100%;
    }
    .substance1 {
        text-align: center;
    }
    .guide {
        width: 100%;
    }
    .guideTop {
        background-color: #0a77a0;
        margin-bottom: 1.75rem;
    }
    .guideTop ul {
        list-style-type: none;
        margin: 0;
    }
    .guideTop ul li a {
        color: #fff;
    }
    .guideTip .connect_h {
        font-size: 20px;
    }
    .guideTip div {
        white-space: nowrap;
    }
    
    .guideTip div span {
        word-break: break-all;
    }
    /* 中等屏幕（桌面显示器，大于等于 992px） */
    @media screen and (min-width: 992px) {
        .researchContent {
            width: 100%;
        }
        .comm1,
        .comm2,
        .comm3 {
            float: left;
            width: calc(100% / 3);
        }
        .comm2 img {
            width: 100%;
        }
        .comm3 {
            border-right: 1px solid #ccc;
        }
        .comm1 p {
            letter-spacing: .25rem /* 4/16 */s;
        }
        .comm3 .areas {
            font-size: 20px;
            color: #0a77a0;
        }
        .comm3 img {
            width: 25rem/* 400/16 */;
        }
        .comm3 p {
            font-size: 14px;
            letter-spacing: .25rem /* 4/16 */;
            line-height: 1.5625rem /* 25/16 */;
        }
        .comm1.content-title {
            color: #0a77a0;
            font-size: 20px;
        }
    }
</style>